Ext.define("Sencha.view.PhraseContainerList", {
    extend: "Ext.Container",
    xtype: 'phrasecontainerlist',
    /*
    requires: [
        'Sencha.view.DictionarySourceListView'
    ],
*/
    initialize: function () {

        this.callParent(arguments);
        
        var searchField = {
        	xtype: 'searchfield',
            name: 'phraseSearchField',
            cls: 'phraseSearchField'
        };
        /*
    	var engButton = {
    	    xtype: "button",
            cls: 'engPhraseButton',
            id: 'engPhraseButtonId'
    	};
    	
    	var iwaButton = {
    	    xtype: "button",
            cls: 'iwaPhraseButton',
            id: 'iwaPhraseButtonId'
    	};
    	*/
    	var searchToolbar = {
    	    xtype: "toolbar",
    	    docked: "top",
            cls: "phraseToolBar",
    	    items: [
    	        searchField/*,
    	        engButton,
    	        iwaButton*/
    	    ]
    	};

        var phraseList = {
           //xtype: "dictionarysourcelistview",
           xtype: "phraselistview"
        };

        this.add([searchToolbar, phraseList]);
    },
  
    config: {
    	title: 'Phrases',
        layout: {
            type: 'fit'
        }
    }
});